<!-- 用来放html标签 -->
<template>
	<div>
		<h1 class="msg">{{ message }}</h1>
	</div>
</template>
<!-- 放脚本 -->
<script>
	//定义一个输入接口 name = java类名
	export default{
		name:'HelloWorld',
		data(){
			return{
				message:"你好VUE文件"
			}
		}
	}
</script>
<!-- 放样式 -->
<style>
	.msg{
		text-align: center;
		color: #FF0000;
	}
</style>

<!-- .vue = 组件 = html + js + css -->
<!-- 组件因为包含了js 和 css 所以有高复用性 -->